.c-top-bar {
    height: 40px;
    background-color: #f1f0f0;
}

.c-top-bar-reg {
    -webkit-app-region: drag;

}

.c-top-btn {
    line-height: 40px;
    text-align: center;
}

.c-top-btn:hover {
    /*background-image: linear-gradient( #959393, #bfbfbe, #ffffff);*/
    background-color: #e2e2e2;
}

.c-top-btn-close:hover {
    color: #e86868;
}

.c-form-box {
    margin: 150px auto auto;
}

.c-forget-password {
    text-align: right;
}

.c-register {
    margin-top: 135px;
    text-align: center;
}

.server-box {
    width: 250px;
    margin-left: 20px;
    margin-top: 10px;
}

.state_green {
    display: inline-block;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    background-color: green;
}

.state_yellow {
    display: inline-block;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    background-color: #f3f375;
}

.state_red {
    display: inline-block;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    background-color: red;
}

.state_null {
    display: inline-block;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    background-color: #666;
}

.routine-box > p {
    font-size: 27px;
    font-weight: 300;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

.map-item {
    height: 30px;
}

.map-item:hover {
    background-color: #edf0f5;
}

.copy-item {
    height: 150px;
    margin-top: 10px;
}

.m-box {
    height: 320px;
    /*border: 1px solid black;*/
}

.m-user-box {
    height: 40px;
    margin-bottom: 15px;
    /*border: 1px solid black;*/
}

.m-job-b {
    /*background-image: url('https://jx3.xoyo.com/gn/assets/images/page3/school-role/s_daozong.a4f25a9c.png');*/
    height: 100%;
    /*background-size: 100%;*/
    /*opacity: 0.3;*/
}

.m-logo-status{
    position:relative;
    bottom: 87px;
    left: 1px;
    /*transition: all 0.5s*/
    transform: rotate(45deg);
    animation: rotation 5s linear infinite;
}
.m-logo-status:hover {
    transform: rotate(360deg);
}

@keyframes rotation {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}

m {
    max-width: 400px;
    margin: 0 auto;
}

summary {
    font-size: 1rem;
    font-weight: 600;
    background-color: #ffffff;
    color: #000;
    /*padding: 1rem;*/
    /*margin-bottom: 1rem;*/
    /*outline: none;*/
    /*border-radius: 0.25rem;*/
    cursor: pointer;
    position: relative;
    text-align: center;
}

details[open] summary ~ * {
    animation: sweep .5s ease-in-out;
}

@keyframes sweep {
    0% {
        opacity: 0;
        margin-top: -10px
    }

    100% {
        opacity: 1;
        margin-top: 0
    }
}

details > summary::after {
    position: absolute;
    content: "+";
    right: 20px;
}

details[open] > summary::after {
    position: absolute;
    content: "-";
    right: 20px;
}

details > summary::-webkit-details-marker {
    display: none;
}
